    <!-- 头部 -->
    <%- include('header'); -%>
    <!-- /头部 -->
    <!-- 主体内容 -->
    <div class="content">
        <!-- 侧边栏 -->
        <%- include('menu'); -%>
        <!-- 侧边栏 -->
        <div class="main">
            <form class="form-container">
                <div class="form-group">
                    <label>班级名称</label>
                    <input type="text" class="form-control" placeholder="班级名称" id="classname">
                </div>
                <div class="buttons">
                    <button type="button" class="btn btn-primary" onclick="submitAjax()">提交</button>
                </div>
            </form>
        </div>
    </div>
    <!-- /主体内容 -->
    <%- include('footer'); -%>
    <script>
        function submitAjax() {
            let className = $("#classname").val()
            // 得到用户输入的值
            if (!className) {
                return toastr.error('班级名不能为空')
            } else {
                // 发送ajax请求
                $.ajax({
                    type: "POST",
                    url: "http://localhost:3000/class",
                    data: {
                        className: className
                    },
                    dataType: "json",
                    success: function (res) {
                        if(!res.err){
                            return toastr.success('数据添加成功') 
                        }
                        toastr.error('数据添加失败') 
                    },
                    error: function () {
                        toastr.error('数据添加失败') 
                    }
                })
            }
        }
    </script>
    </body>

    </html>